<div class="clear">&nbsp;</div>
<div class="grid_16">
      <!--start:featured slider grid -->
      <div class="slider_bg pngfix">
            <!--start:slider_bg -->
             <ul id="slideshow">
                      <!--start:slideshow -->
                      <li>
                            <!--start:slideshow content and image -->
                            <h3>Lorem Ipsum</h3>
                            <span>assets/photos/1.jpg</span>
                            <!--an image only -->
                            <p>Free theme from themeflash.com Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam magna ligula, placerat nec scelerisque dictum, aliquam nec arcu. In ut quam tellus. Morbi tincidunt adipiscing sapien, non suscipit urna tempor vel.  <br />
                                  <a href="#" class="readmoremain">read more</a> </p>
                            <%=image_tag "photos/1.jpg", :alt => "img-1"%>
                            <!--an image thumbnail only -->
                      </li>
                      <!--end:slideshow content and image -->
                      <li>
                            <!--start:slideshow content and image -->
                            <h3>Lorem Ipsum</h3>
                            <span>assets/photos/2.jpg</span>
                            <p> lorem eu placerat. Mauris fermentum dui mi, et ultrices dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed risus risus, lacinia sit amet<br />
                                  <a href="#" class="readmoremain">read more</a> </p>
                            <%=image_tag "photos/2.jpg", :alt => "img-1"%>
                            <!--an image thumbnail only -->
                      </li>
                      <!--end:slideshow content and image -->
                      <li>
                            <!--start:slideshow content and image -->
                            <h3>Lorem Ipsum</h3>
                            <span>assets/photos/3.jpg</span>
                            <!--an image only -->
                            <p>lorem eu placerat. Mauris fermentum dui mi, et ultrices dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed risus risus, lacinia sit amet<br />
                                  <a href="#" class="readmoremain">read more</a> </p>
                            <%=image_tag "photos/3.jpg", :alt => "img-1"%>
                            <!--an image thumbnail only -->
                      </li>
                      <!--end:slideshow content and image -->
                      <li>
                            <!--start:slideshow content and image -->
                            <h3>Lorem Ipsum</h3>
                            <span>assets/photos/4.jpg</span>
                            <!--an image only -->
                            <p>lorem eu placerat. Mauris fermentum dui mi, et ultrices dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed risus risus, lacinia sit amet<br />
                                  <a href="#" class="readmoremain">read more</a> </p>
                            <%=image_tag "photos/4.jpg", :alt => "img-1"%>
                            <!--an image thumbnail only -->
                      </li>
                      <!--end:slideshow content and image -->
                     <li>
                            <!--start:slideshow content and image -->
                            <h3>Lorem Ipsum</h3>
                            <span>assets/photos/5.jpg</span>
                            <!--an image only -->
                            <p>Free theme from themeflash.com Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam magna ligula, placerat nec scelerisque dictum, aliquam nec arcu. In ut quam tellus. Morbi tincidunt adipiscing sapien, non suscipit urna tempor vel.  <br />
                                  <a href="#" class="readmoremain">read more</a> </p>
                            <%=image_tag "photos/5.jpg", :alt => "img-1"%>
                            <!--an image thumbnail only -->
                      </li>
                      <!--end:slideshow content and image -->
                      <li>
                            <!--start:slideshow content and image -->
                            <h3>Lorem Ipsum</h3>
                            <span>assets/photos/6.jpg</span>
                            <p> lorem eu placerat. Mauris fermentum dui mi, et ultrices dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed risus risus, lacinia sit amet<br />
                                  <a href="#" class="readmoremain">read more</a> </p>
                            <%=image_tag "photos/6.jpg", :alt => "img-1"%>
                            <!--an image thumbnail only -->
                      </li>
                      <!--end:slideshow content and image -->
                      <li>
                            <!--start:slideshow content and image -->
                            <h3>Lorem Ipsum</h3>
                            <span>assets/photos/7.jpg</span>
                            <!--an image only -->
                            <p>lorem eu placerat. Mauris fermentum dui mi, et ultrices dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed risus risus, lacinia sit amet<br />
                                  <a href="#" class="readmoremain">read more</a> </p>
                            <%=image_tag "photos/7.jpg", :alt => "img-1"%>
                            <!--an image thumbnail only -->
                      </li>
                      <!--end:slideshow content and image -->
                      <li>
                            <!--start:slideshow content and image -->
                            <h3>Lorem Ipsum</h3>
                            <span>assets/photos/8.jpg</span>
                            <!--an image only -->
                            <p>lorem eu placerat. Mauris fermentum dui mi, et ultrices dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed risus risus, lacinia sit amet<br />
                                  <a href="#" class="readmoremain">read more</a> </p>
                            <%=image_tag "photos/8.jpg", :alt => "img-1"%>
                            <!--an image thumbnail only -->
                      </li>
                      <!--end:slideshow content and image -->
                      <li>
                            <!--start:slideshow content and image -->
                            <h3>Lorem Ipsum</h3>
                            <span>assets/photos/9.jpg</span>
                            <!--an image only -->
                            <p>Free theme from themeflash.com Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam magna ligula, placerat nec scelerisque dictum, aliquam nec arcu. In ut quam tellus. Morbi tincidunt adipiscing sapien, non suscipit urna tempor vel.  <br />
                                  <a href="#" class="readmoremain">read more</a> </p>
                            <%=image_tag "photos/9.jpg", :alt => "img-1"%>
                            <!--an image thumbnail only -->
                      </li>
                      <!--end:slideshow content and image -->
                      <li>
                            <!--start:slideshow content and image -->
                            <h3>Lorem Ipsum</h3>
                            <span>assets/photos/10.jpg</span>
                            <p> lorem eu placerat. Mauris fermentum dui mi, et ultrices dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed risus risus, lacinia sit amet<br />
                                  <a href="#" class="readmoremain">read more</a> </p>
                            <%=image_tag "photos/10.jpg", :alt => "img-1"%>
                            <!--an image thumbnail only -->
                      </li>
                      <!--end:slideshow content and image -->
                      <li>
                            <!--start:slideshow content and image -->
                            <h3>Lorem Ipsum</h3>
                            <span>assets/photos/11.jpg</span>
                            <!--an image only -->
                            <p>lorem eu placerat. Mauris fermentum dui mi, et ultrices dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed risus risus, lacinia sit amet<br />
                                  <a href="#" class="readmoremain">read more</a> </p>
                            <%=image_tag "photos/11.jpg", :alt => "img-1"%>
                            <!--an image thumbnail only -->
                      </li>
                      <!--end:slideshow content and image -->
                </ul>
                <!--end:slideshow -->
            <div id="wrapper">
                  <!--start:wrapper -->
                  <div id="fullsize">
                        <!--start:fullsize -->
                        <div id="imgprev" class="imgnav pngfix" title="Previous"></div>
                        <div id="imglink"></div>
                        <div id="imgnext" class="imgnav pngfix" title="Next"></div>
                        <div id="image"></div>
                        <div id="information">
                              <!--start:information -->
                              <h3></h3>
                              <p></p>
                        </div>
                        <!--end:information -->
                  </div>
                  <!--end:fullsize -->
                  <div id="thumbnails">
                        <!--start:thumbnails -->
                        <div id="slideleft" title="Slide Left"></div>
                        <div id="slidearea">
                              <!--start:slidearea -->
                              <div id="slider"></div>
                        </div>
                        <!--start:slidearea -->
                        <div id="slideright" title="Slide Right"></div>
                  </div>
                  <!--end:thumbnails -->
            </div>
            <!--end:wrapper -->
      </div>
      <!--end:slider_bg -->
</div>
<!--start:featured slider grid -->
<!--start:featured slider script -->
<script type="text/javascript">
$('slideshow').style.display='none';
$('wrapper').style.display='block';
var slideshow=new TINY.slideshow("slideshow");
window.onload=function(){
slideshow.auto=true;
slideshow.speed=5;
slideshow.link="linkhover";
slideshow.info="information";
slideshow.thumbs="slider";
slideshow.left="slideleft";
slideshow.right="slideright";
slideshow.scrollSpeed=4;
slideshow.spacing=5;
slideshow.active="#aaa";
slideshow.init("slideshow","image","imgprev","imgnext","imglink");
}
</script>
<!--send:featured slider script -->
</div>
<!--end:header container -->
</div>
</div>
<!--end:header -->
<div class="clear">&nbsp;</div>
<div class="container_16">
<!--start:content container -->
<div class="grid_11 sepline">
<!--start:left content grid -->
<div class="box-content">
      <!--start:box-content -->
      <h2> Bienvenido! </h2>
      <p><b>Esta es una espacio donde tu junto a tus compañeros y profesores pueden compartir opiniones, trabajar en linea y disfrutar de la sabiduria</b></p>
      <p>Podras ver un monto de conocimiento.</p>
      <br />
      <p>Disfruta y comparte con tus compañeros. </p>
      <br />
      <h3>Algunos servicios</h3>
      <p><b>Gerenar concodimientos a travez de las siguientes herramientas.</b></p>
      <ul class="list">
            <li>Comnetar publicaciones de tu profesor</li>
            <li>Ver comentarios de tus profesores</li>
            <li>Ponerle putaje a los comentarios de tus compañeros y las publicaciones de tu profesor</li>
            <li>Ver archivos en linea</li>

      </ul>
      <br />

</div>
<!--end:box-content -->
</div>
<!--end:left content grid -->